<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui"
    xmlns:o="http://java.sun.com/jsf/composite/orr"
    template="/WEB-INF/template/template.xhtml">
    
    <ui:define name="body">
    <h:form>
    	<p:panelGrid columns="1" id="grid1" styleClass="noBorders">
    		<h:outputLabel value="Email" />
    		<p:inputText id="txtUsername" required="true" value="#{signUpHome.account.username}" requiredMessage="required">
    		</p:inputText>
    		<p:message for="txtUsername"></p:message>
    		
    		<h:outputLabel value="Password" />
    		<p:inputText id="txtPassword" required="true" value="#{signUpHome.account.password}" requiredMessage="required">
    		</p:inputText>
    		<p:message for="txtPassword"></p:message>
    		
    		<h:outputLabel value="Name" />
    		<p:panelGrid columns="2" >
    		<p:inputText id="txtfirname" required="true" value="#{signUpHome.account.firstname}" requiredMessage="required">
    		</p:inputText>
    		<p:inputText id="txtlastname" required="true" value="#{signUpHome.account.lastname}" requiredMessage="required">
    		</p:inputText>
    		</p:panelGrid>
    		
    		<h:outputLabel value="Date of Birth" />
    		<p:calendar id="dob" value="#{signUpHome.account.dob}" requiredMessage="required"></p:calendar>
    			<p:message for="dob"></p:message>
    		<p:commandButton value="sign up" action="#{signUpHome.register()}" update="grid1"></p:commandButton>
    	</p:panelGrid>
    </h:form>
    </ui:define>
</ui:composition>